<template>
    <div id="yuqingitem">
        <div class="title">
            <span>第{{onetype.type |getChinesenum}}类舆情风险点：</span>
            <span>{{onetype.name}}</span>
        </div>

        <div class="intro">
            {{onetype.intro}}
        </div>

        <div class="jiben">
            <span>一、基本口径要点<br></span>

            <span class="jiben-content" v-html="onetype.info" ></span>
            <span><br><br>二、模拟问题及应对口径<br></span>
        </div>





    </div>
</template>

<script>
    export default {
        name: "yuqingitem",
        props:{
            onetype:{
                type:Object,
                default(){
                    return {}
                }
            },

        },
        filters:{
            getChinesenum(value){
                switch (value) {
                    case 1:
                        return '一'
                    case 2:
                        return '二'
                    case 3:
                        return'三'
                    case 4:
                        return'四'
                    case 5:
                        return'五'
                    case 6:
                        return'六'
                    case 7:
                        return'七'
                    case 8:
                        return'八'
                    case 9:
                        return'九'
                    case 10:
                        return'十'

                }
            }
        }
    }
</script>

<style scoped>
    .title{

        font-size:0.12rem;
        color:red;
        text-align: center;
        font-family: "微软雅黑";
        margin-bottom: 10px;
    }

    .intro{
        text-indent: 2em;
        font-family: FangSong;
        line-height: 2.5em;
        font-weight: lighter;
    }

    .jiben-content >>> p{
        text-indent: 2em;
    }


    .jiben{
        margin: 20px;
        font-family: FangSong;
        font-weight: bold;
        line-height: 2;
    }


</style>